<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="https://unpkg.com/form-making@1.2.11/dist/FormMaking.css">
</head>
<body>
<div id="app">
    <!-- 需要设置编辑区域高度 -->
    <fm-making-form style="height: 500px;" preview generate-code generate-json>
    </fm-making-form>
</div>
</body>
<!-- 引入组件库 -->
<script src="https://api.boot.jeecg.com/desform/lib/unpkg/vue@2.6.14/vue.js?cv=1.0.9"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://unpkg.com/form-making@1.2.11/dist/FormMaking.umd.js"></script>
<!-- 需要在设计器中预览代码需要引入ace.js库 -->
<script src="https://api.boot.jeecg.com/desform/lib/unpkg/jm-form@1.1.23/ace.js?cv=1.0.9"></script>

<script>
    new Vue({
        el: '#app'
    })
</script>
</html>
